<template>
  <view class="flex-col page">
	
    <view class="flex-col group">
      <text class="text_1">查看各期巡检</text>
      <view class="u-flex-col line-tabs u-col-center ">
        <view class="">
			<u-tabs 
			    :list="list"
				lineWidth="30"
				lineHeight="6"
			>
			    </u-tabs>
         
        </view>
        <view class="flex-col list u-m-t-20">
          <view class="flex-col list-item" @click="go('/pages/index/check/inspectiondetail')" :key="i" v-for="(item, i) in list_4tWHcgk9">
            <view class="justify-between">
              <text class="text_5">房屋门窗大小不一</text>
              <text class="text_7">待整改</text>
            </view>
            <text class="text_9">在卧室的房屋门窗与门口的不同。</text>
            <view class="flex-row equal-division">
              <image
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557868039515005433.png"
                class="equal-division-item"
              />
              <image
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557868040010934870.png"
                class="equal-division-item_1"
              />
              <image
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557868046040405168.png"
                class="equal-division-item_2"
              />
            </view>
            <text class="text_11">2022/10/10 10:10</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
        list_4tWHcgk9: [null, null],
		list:[
			{name:'全部'},
			{name:'待整改'},
			{name:'已整改'}
		]
      };
    },
    methods: {},
  };
</script>

<style scoped lang="scss">
  .list-item {
    padding: 20rpx 23rpx 34rpx 24rpx;
    background-color: #ffffff;
    border-radius: 0px 0px 16rpx 16rpx;
  }
  .text_9 {
    margin-top: 24rpx;
    align-self: flex-start;
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .equal-division {
    margin-top: 33rpx;
  }
  .text_11 {
    margin-left: 8rpx;
    margin-top: 27rpx;
    align-self: flex-start;
    color: #666666;
    font-size: 24rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 28rpx;
  }
  .text_5 {
    color: #191919;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .text_7 {
    margin-top: 4rpx;
    color: #ff371d;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .equal-division-item {
    flex: 1 1 208rpx;
    border-radius: 16rpx;
    width: 208rpx;
    height: 208rpx;
  }
  .page {
    background-color: #f6f7f9ff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group {
    padding-top: 30rpx;
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .text_1 {
    margin-left: 32rpx;
    align-self: flex-start;
    color: #191919;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .line-tabs {
    margin-top: 33rpx;
	  background-color: #ffffff;
  }
  .section_1 {
    margin: 0 24rpx;
   
  
    border-radius: 16rpx 16rpx 0px 0px;
    border-bottom: solid 1rpx #eeeeee;
	display: flex;
	justify-content: center;
	
	
  }
  .list {
    padding: 0 24rpx 48rpx;
  }
  .group_1 {
    padding: 30rpx 0 25rpx;
    position: relative;
  }
  .section_2 {
    margin-left: 3rpx;
    align-self: flex-start;
    background-color: #1d6aff;
    border-radius: 4rpx;
    width: 50rpx;
    height: 8rpx;
  }
  .list-item:last-of-type {
    margin-top: 20rpx;
  }
  .text_2 {
    color: #333333;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .text_3 {
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
  
  }

  .equal-division-item_1 {
    margin-left: 15rpx;
    flex: 1 1 208rpx;
    border-radius: 16rpx;
    width: 208rpx;
    height: 208rpx;
  }
  .equal-division-item_2 {
    margin-left: 15rpx;
    flex: 1 1 208rpx;
    border-radius: 16rpx;
    width: 208rpx;
    height: 208rpx;
  }
</style>